<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>p1_CSS的三种位置</title>

<!--      2.CSS内部样式-->
      <style>
        /* 选择器*/
        p{
          color:blue;
        }
        div{
          color:green;
        }
        h2{
          color:green !important;
        }
      </style>
      <!--      3.CSS外部样式
          rel="stylesheet"表示引入的文件类型是CSS
          href引入的CSS文件路径-->
      <link rel="stylesheet" href="01.css">
  </head>
  <body>
<!--    1.CSS行内样式 加在当前行,只对当前行元素生效-->
    <h4 style="color:red;background-color:yellow">我是标题1</h4>
    <h4>我是标题2</h4>
    <h4>我是标题3</h4>

    <p>我是段落</p>
    <p>我是段落</p>
    <p>我是段落</p>
    <p>我是段落</p>

    <div>我是div</div>
    <div>我是div</div>
    <div>我是div</div>

    <h2 style="color: red">优先级</h2>
  </body>
</html>